{% extends 'web_template/default_one/templates/public/base.html' %}
{% block title %}{{ tlcms.system.web_name }}_{{ tlcms.system.web_subtitle }}{% endblock %}
{% block keywords %}{{ tlcms.system.web_key }}{% endblock %}
{% block description %}{{ tlcms.system.web_description }}{% endblock %}
{% block article %}
    <article>
        <div class="l_box f_l">
            <div class="banner swiper-container f_l swiper-container-horizontal">
                <div class="swiper-wrapper" style="transform: translate3d(0px, 0px, 0px); transition-duration: 0ms;">
                    {% for foo in tlcms.lantern %}
                        {% if loop.index==1 %}
                            <div class="swiper-slide swiper-slide-active" style="width: 450px; margin-right: 30px;">
                                <a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank"><img src="{{ foo.imgUrl }}" alt="{{ foo.title }}" style="height: 300px;width: 100%;"></a>
                            </div>
                        {% elif loop.index==1 %}
                            <div class="swiper-slide swiper-slide-next" style="width: 450px; margin-right: 30px;">
                                <a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank"><img src="{{ foo.imgUrl }}" alt="{{ foo.title }}"
                                                                                                                  style="height: 300px;width: 100%;"></a>
                            </div>
                        {% else %}
                            <div class="swiper-slide" style="width: 450px; margin-right: 30px;">
                                <a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank"><img src="{{ foo.imgUrl }}" alt="{{ foo.title }}"
                                                                                                                  style="height: 300px;width: 100%;"></a>
                            </div>
                        {% endif %}
                    {% endfor %}
                </div>
                <div class="swiper-pagination swiper-pagination-clickable swiper-pagination-bullets">
                    {% for foo in tlcms.lantern %}
                        {% if loop.index==1 %}
                            <span class="swiper-pagination-bullet swiper-pagination-bullet-active"></span>
                        {% else %}
                            <span class="swiper-pagination-bullet"></span>
                        {% endif %}
                    {% endfor %}
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev swiper-button-disabled"></div>
                <script type="text/javascript" src="{{ 'js/swiper.js'|tl_static }}"></script>
            </div>
            <div class="focustext f_r">
                {% for foo in tlcms.topNew.data[:2] %}
                    <section class="ft0{{ loop.index }}">
                        <h3><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank">{{ foo.title }}</a></h3>
                        <p>描述</p>
                    </section>
                {% endfor %}
            </div>
            <div class="blank"></div>
            <div class="topnews">
                <h2><span></span>文章最新</h2>
                {% for topNew in tlcms.topNew.data[:7] %}
                    <div class="blogs">
                        <figure><img src="{{ topNew.imgUrl }}" alt="{{ topNew.title }}"></figure>
                        <ul>
                            <h3><a href="{{ url_for('webapp_bp.article_page',uid=topNew.ID) }}" style="color: {{ topNew.title_color }}">{{ topNew.title }}</a></h3>
                            <p>{{ topNew.description }}</p>
                            <p class="autor"><span class="lm f_l"><a href="javascript:;">{{ topNew.author }}</a></span><span class="dtime f_l">{{ topNew.update_time }}</span>
                                <span class="viewnum f_r">{{ topNew.clicks }}</span><span class="pingl f_r">{{ topNew.comment_num }}</span></p>
                        </ul>
                    </div>
                {% endfor %}
            </div>
        </div>
        <div class="r_box f_r">
            <div class="tit01">
                <h3>网站公告</h3>
                <div class="notice">
                    <ul>
                        {% for foo in tlcms.notice[:6] %}
                            <li><a href="javascript:;" data-notice="{{ foo.notice_content }}">{{ foo.notice_title }}</a></li>
                        {% endfor %}
                    </ul>
                </div>
            </div>
            <!--tit01 end-->
            <div class="ad300x100"><img src="{{ 'images/1.jpg'|tl_static }}"></div>
            <div class="moreSelect" id="lp_right_select">
                <div class="ms-top">
                    <ul class="hd" id="tab">
                        <li class="cur"><a href="javascript:;">点击排行</a></li>
                        <li><a href="javascript:;">最新文章</a></li>
                        <li><a href="javascript:;">站长推荐</a></li>
                    </ul>
                </div>
                <div class="ms-main" id="ms-main">
                    <div style="display: block;" class="bd bd-news">
                        <ul>
                            {% for foo in tlcms.click_doc[:6] %}
                                <li><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank" style="color: {{ foo.title_color }}">{{ foo.title }}</a></li>
                            {% endfor %}
                        </ul>
                    </div>
                    <div class="bd bd-news">
                        <ul>
                            {% for foo in tlcms.topNew.data[:6] %}
                                <li><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank" style="color: {{ foo.title_color }}">{{ foo.title }}</a></li>
                            {% endfor %}
                        </ul>
                    </div>
                    <div class="bd bd-news">
                        <ul>
                            {% for foo in tlcms.con_rec[:6] %}
                                <li><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}" target="_blank" style="color: {{ foo.title_color }}">{{ foo.title }}</a></li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            </div>
            <div class="tuwen">
                <h3>图文推荐</h3>
                <ul>
                    {% for foo in tlcms.con_rec[:6] %}
                        <li><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}"><img src="{{ foo.imgUrl }}" alt="{{ foo.title }}"><b>{{ foo.title }}</b></a>
                            <p><span class="tulanmu"><a href="{{ url_for('webapp_bp.article_page',uid=foo.ID) }}">{{ foo.description[:25] }}</a></span>
                                <span class="tutime">{{ foo.update_time }}</span></p>
                        </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="ad"><img src="{{ 'images/5.jpg'|tl_static }}"></div>
            <div class="links">
                <h3><span>[<a href="/">申请友链</a>]</span>友情链接</h3>
                <ul>
                    {% for foo in tlcms.blogroll %}
                        <li><a href="{{ foo.link_url }}" style="color: {{ foo.link_color }}" target="_blank">{{ foo.link_name }}</a></li>
                    {% endfor %}
                </ul>
            </div>
        </div>
    </article>
{% endblock %}